<script setup lang="ts">


</script>

<template>
    <div class="l">
        <div class="book-info">
            <form action="">
                <div class="upImg">
                      <input type="file" id="imageInput" accept="image/*" capture>
                        <button id="uploadButton">上传图片</button>
                        <div id="preview"></div>
                </div>
            </form>
        </div>
        <div class="submit">
            <a-button type="primary" size="large" class="input-button">添加</a-button>
        </div>
    </div>
</template>

<style scoped>
.l{
    margin-top: 1vh;
    width:75vw;
    height: 70vh;
    background-color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.book-info{
    width:70%;
    height:70%;
    margin-top:2vh;
    background-color: pink;
}
.submit{
    margin-top:5vh;
}

.upImg{
    width:70%;
    height:10vh;
    background-color: skyblue;
}
</style>